<template>
  <div class="user frame_content">
    <div class="user_search">
      <div class="searchs">
        <input
          type="text"
          name="Name"
          placeholder="搜索用户名"
          style="margin-left: 5px"
        />
      </div>
      <select id="sort">
        <option value="1">账户余额升序</option>
        <option value="2">账户余额降序</option>
        <option value="3">正式用户</option>
        <option value="4">封禁踢人</option>
        <option value="5">虚假用户</option>
      </select>
      <a href="javascript:void(0);" class="searchBtn">查询</a>
      <span class="dropdown-menu1">
        列表显示：
        <label style="display: inline-block">
          <input type="checkbox" value="operation" v-model = "isCheck" />
          操作
        </label>
        <label style="display: inline-block">
          <input type="checkbox" value="5" checked="checked" />
          重庆时时彩
        </label>
        <label style="display: inline-block">
          <input type="checkbox" value="9" checked="checked" />
          PK拾
        </label>
        <label style="display: inline-block">
          <input type="checkbox" value="38" checked="checked" />
          幸运飞艇
        </label>
        <label style="display: inline-block">
          <input type="checkbox" value="68" checked="checked" />
          急速赛车
        </label>
        <label style="display: inline-block">
          <input type="checkbox" value="77" checked="checked" />
          澳洲5
        </label>
        <label style="display: inline-block">
          <input type="checkbox" value="78" checked="checked" />
          澳洲10
        </label>
        <label style="display: inline-block">
          <input type="checkbox" value="upDownRecord" checked="checked" />
          上下分操作
        </label>
      </span>
    </div>
    <table class="user_table context" style="margin-bottom: 40px">
      <thead>
        <tr>
          <th colspan="2">账变记录</th>
          <th>设置</th>
          <th>头像</th>
          <th>ID</th>
          <th>用户名</th>
          <th>账户余额</th>
          <th datatype="operation" style="display: table-cell">操作</th>
          <th datatype="5" style="display: table-cell">重庆时时彩记录</th>
          <th datatype="9" style="display: table-cell">PK拾记录</th>
          <th datatype="38">幸运飞艇记录</th>
          <th datatype="68">急速赛车记录</th>
          <th datatype="77">澳洲5记录</th>
          <th datatype="78">澳洲10记录</th>
          <th datatype="upDownRecord">上下分记录</th>
        </tr>
      </thead>
      <tbody id="user_list">
        <tr>
          <td>
            <a
              href="JavaScript:void(0);"
              class="todayBillRecordBtn"
              userkey="9752"
              >今日</a
            >
          </td>
          <td>
            <a
              href="JavaScript:void(0);"
              class="historyBillRecordBtn"
              userkey="9752"
              >历史</a
            >
          </td>
          <td>
            <a
              href="JavaScript:void(0);"
              class="settingBtn"
              dataindex="0"
              userkey="9752"
              >设置</a
            >
          </td>
          <td class="user_img">
            <img src="../../images/default.png" />
          </td>
          <td>9752</td>
          <td>管理员（<span style="color:#CD2828">黄铜</span>）</td>
          <td>0.000</td>
          <td class="btnWrap" datatype="operation">
            <a
              href="JavaScript:void(0);"
              class="flyBtn"
              datatype="1"
              userkey="9752"
              >飞单开启</a
            >
            |
            <a
              href="JavaScript:void(0);"
              class="userGroupBtn"
              datatype="1"
              username="管理员"
              userkey="9752"
              >切换假人</a
            >
            |
            <a
              href="JavaScript:void(0);"
              class="statusBtn"
              datatype="0"
              userkey="9752"
              >冻结踢人</a
            >
            |
            <a href="JavaScript:void(0);" class="deleteBtn" userkey="9752"
              >删除</a
            >
            |
            <a
              href="JavaScript:void(0);"
              class="receAccBtn"
              datatype="0"
              userkey="9752"
              >收款账户</a
            >
            |
            <a
              href="JavaScript:void(0);"
              class="setAgentBtn"
              datatype="0"
              userkey="9752"
              >设为代理</a
            >
          </td>
          <td class="btnWrap" datatype="5">
            0
            <a
              href="JavaScript:void(0)"
              class="gameTodayBtn"
              userkey="9752"
              gameid="5"
              username="adminuser4090"
              >今日</a
            >
            |
            <a
              href="JavaScript:void(0)"
              class="gameHisBtn"
              userkey="9752"
              gameid="5"
              username="adminuser4090"
              >历史</a
            >
          </td>
          <td class="btnWrap" datatype="9">
            0
            <a
              href="JavaScript:void(0)"
              class="gameTodayBtn"
              userkey="9752"
              gameid="9"
              username="adminuser4090"
              >今日</a
            >
            |
            <a
              href="JavaScript:void(0)"
              class="gameHisBtn"
              userkey="9752"
              gameid="9"
              username="adminuser4090"
              >历史</a
            >
          </td>
          <td class="btnWrap" datatype="38">
            0
            <a
              href="JavaScript:void(0)"
              class="gameTodayBtn"
              userkey="9752"
              gameid="38"
              username="adminuser4090"
              >今日</a
            >
            |
            <a
              href="JavaScript:void(0)"
              class="gameHisBtn"
              userkey="9752"
              gameid="38"
              username="adminuser4090"
              >历史</a
            >
          </td>
          <td class="btnWrap" datatype="68">
            0
            <a
              href="JavaScript:void(0)"
              class="gameTodayBtn"
              userkey="9752"
              gameid="68"
              username="adminuser4090"
              >今日</a
            >
            |
            <a
              href="JavaScript:void(0)"
              class="gameHisBtn"
              userkey="9752"
              gameid="68"
              username="adminuser4090"
              >历史</a
            >
          </td>
          <td class="btnWrap" datatype="77">
            0
            <a
              href="JavaScript:void(0)"
              class="gameTodayBtn"
              userkey="9752"
              gameid="77"
              username="adminuser4090"
              >今日</a
            >
            |
            <a
              href="JavaScript:void(0)"
              class="gameHisBtn"
              userkey="9752"
              gameid="77"
              username="adminuser4090"
              >历史</a
            >
          </td>
          <td class="btnWrap" datatype="78">
            0
            <a
              href="JavaScript:void(0)"
              class="gameTodayBtn"
              userkey="9752"
              gameid="78"
              username="adminuser4090"
              >今日</a
            >
            |
            <a
              href="JavaScript:void(0)"
              class="gameHisBtn"
              userkey="9752"
              gameid="78"
              username="adminuser4090"
              >历史</a
            >
          </td>
          <td class="btnWrap" datatype="upDownRecord">
            0
            <a
              href="JavaScript:void(0)"
              class="upTodayBtn"
              userkey="9752"
              gameid="5"
              username="adminuser4090"
              >今日</a
            >
            |
            <a
              href="JavaScript:void(0)"
              class="upHisBtn"
              userkey="9752"
              gameid="5"
              username="adminuser4090"
              >历史</a
            >
          </td>
        </tr>
      </tbody>
    </table>
  </div>
</template>

<script>
export default {};
</script>

<style>
.user {
  margin: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 20px;
  color: #333;
  background-color: #fff;
}
.user_search {
  width: 95%;
  height: 30px;
  border-bottom: 1px solid #ddd;
  border-radius: 10px;
  margin: 20px auto 10px;
  min-width: 1600px;
}
.user_search input,
.user_search button,
div.sort,
div.searchs {
  display: inline-block;
  vertical-align: top;
}
.searchs input {
  width: 160px;
}
.user #sort {
  height: 24px;
  width: 220px;
  margin-left: 2px;
  margin-bottom: 6px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.user_search a {
  height: 25px;
  line-height: 25px;
  margin: 0 10px;
  text-decoration: none;
}
.user_search .searchBtn {
  width: 40px;
  height: 22px !important;
  border: 1px solid #9b9b9b;
  background-color: #e1e1e1;
  text-align: center;
  color: #333;
  display: inline-block;
}
.user_table {
  min-width: 1600px;
  width: 96%;
  margin: auto;
  border: 1px solid #ddd;
  border-collapse: separate;
  border-left: 0;
  border-spacing: 0;
}
.context th {
  background-color: #eaeaea;
  font-weight: bold;
}
.dropdown-menu1 label {
  margin-left: 4px;
}
.dropdown-menu1 input {
  margin: 4px 0 0;
  line-height: normal;
}
.context td,
.context th {
  padding-top: 8px;
  padding-bottom: 4px;
  line-height: 20px;
  border-left: 1px solid #ddd;
  text-align: center;
}
.context tbody tr:hover > td,
.context tbody tr:hover > th {
  background-color: #f5f5f5;
}
.user td a {
  text-decoration: none;
  color: #08c;
}
.user_img {
  padding-left: 8px;
}
.user td img {
  display: block;
  width: 30px;
  height: 30px;
}
</style>
